<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种引入方式</title>
</head>
<body>
    <!--
    1.行内写法：写在对应的HTML元素上
    onclick=""给元素添加一个点击事件，点击元素时触发执行""里的代码
    alert()显示弹窗()里时弹窗中显示的文本
    console.log()向前端控制台输出内容
    -->
    <button onclick="alert('请先登录！')">点击即玩</button>
    <button onclick="console.log('点我干嘛')">点击即玩</button>


    <h1 id="aaa">我是一级标题</h1>
    <!--2.内部写法 要求写在body结束之前 -->
    <script>
        console.log('我是JS代码')
        // 可以通过id值直接获取其对应的HTML元素
        console.log(aaa)
    </script>

    <!-- 3.引入外部的js文件，注意：内部不能写JS代码，不会执行-->
    <script>
        console.log('666')
    </script>
</body>
</html>